/**
 * @author claude
 * @description 所有元素的默认样式
 */

export default {
    // 默认颜色取值
    baseColor: {
        borderColor: '#cccccc',
        selectColor: '#FF6600',
        hoverSelect: 'rgba(255,102,0,0.5)',
        backgroundColor: 'rgba(255,102,0,0.15)'
    },
    // node默认样式
    nodeStyles: {
        style: {
            fill: 'rgba(255,102,0,0.15)', // 橙黄色
            stroke: '#ff5808', // 深黄色
            opacity: 1, // 节点透明度
            lineWidth: 1,
            radius: 0
        }
    },
    // node 交互样式
    nodeStateStyles: {
        'nodeState:default': {
            lineWidth: 1,
            stroke: '#f60',
            shadowOffsetX: 0,
            shadowOffsetY: 0,
            shadowBlur: 0,
            shadowColor: '#ff6600'
            // opacity: 1
        },
        // 鼠标 hover 上节点，即 hover 状态为 true 时的样式
        'nodeState:hover': {
            cursor: 'pointer',
            // opacity: 0.7,
            shadowOffsetX: 2,
            shadowOffsetY: 3,
            shadowBlur: 6,
            shadowColor: 'rgba(255,102,0,0.5)'
        },
        // 鼠标点击节点，即 selected 状态为 true 时的样式
        'nodeState:selected': {
            // fill: '#ff9f2d',
            stroke: '#f60',
            shadowOffsetX: 0,
            shadowOffsetY: 3,
            shadowBlur: 5,
            shadowColor: 'rgba(255,102,0,0.5)',
            lineWidth: 3,
            cursor: 'pointer'
        }
    },
    // node 文本默认样式
    nodeLabelStyles: {
        cursor: 'pointer',
        fill: '#636363',
        fontSize: 13,
        textAlign: 'left',
        textBaseline: 'middle'
    },
    // node 文本交互样式
    nodeLabelStateStyles: {
        'nodeLabelState:default': {
        },
        'nodeLabelState:hover': {

        },
        'nodeLabelState:selected': {

        }
    },
    /* node图标默认样式 */
    iconStyles: {
        width: 10,
        height: 10,
        x: 0,
        y: 0
    },
    // edge默认样式
    edgeStyles: {
        stroke: '#F60',
        lineAppendWidth: 40,
        startArrow: {
            path: 'M 0,0 L 8,4 L 7,0 L 8,-4 Z',
            fill: '#F60'
        },
        endArrow: {
            path: 'M 0,0 L 8,4 L 7,0 L 8,-4 Z',
            fill: '#F60'
        }
    },
    // edge交互样式
    edgeStateStyles: {
    // 鼠标点击边，即 selected 状态为 true 时的样式
        selected: {
            stroke: '#aab7c3'
        },
        hover: {
            stroke: '#aab7c3'
        }
    },
    anchorPointStyles: {
        r: 5,
        fill: '#fff',
        stroke: '#F60',
        lineWidth: 1
    }
}
